#app {
  width: 100%;
}
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

html,
body {
  background-color: #f5f5f6;
}

.f-dropdown .ant-dropdown-menu-item:hover {
  background-color: #f3f5f8;
}

.icon-chat-dialog {
  background-image: url('@/static/image/chat-list.png');
  background-size: contain;
}
.icon-document-dialog {
  background-image: url('@/static/image/document-parse-icon.png');
  background-size: contain;
}
.icon-all-dialog {
  background-image: url('@/assets/all-dialog.png');
  background-size: contain;
}
.icon-admin {
  background-image: url('@/assets/icon-admin.png');
  background-size: contain;
}

.mg-24 {
  margin-bottom: 24px;
}
.mg-12 {
  margin-bottom: 12px;
}

.width-100 {
  width: 100%;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
}
.animation-blink {
  animation: infinite blink 1s 1s;
}

.answer-border {
  border-radius: 8px;
  border-top-left-radius: 0;
  padding: 16px 20px;
}
